@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Courier+Prime&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-desk: #d4c4b0;--grid-line: rgba(139, 119, 101, .08);--device-brown: #6b4e3d;--device-dark: #4a3529;--screen-bg: #2a2419;--screen-text: #d4a574;--paper-warm-1: #f9f5ed;--paper-warm-2: #f7f0e4;--paper-warm-3: #f4ebd9;--paper-shadow: rgba(74, 53, 41, .2);--text-dark: #3d3026;--text-meta: #8b7765;--button-orange: #d97845;--button-gray: #9d8977;--border-worn: rgba(74, 53, 41, .15)}body{font-family:Share Tech Mono,monospace;background-color:var(--bg-desk);background-image:radial-gradient(ellipse at 50% 45%,rgba(255,245,230,.08) 0%,transparent 48%,rgba(74,53,41,.06) 100%),linear-gradient(125deg,transparent 0%,transparent 48%,rgba(139,119,101,.04) 48.5%,transparent 49%,transparent 71%,rgba(139,119,101,.03) 71.5%,transparent 72%),linear-gradient(-42deg,transparent 0%,transparent 35%,rgba(139,119,101,.035) 35.5%,transparent 36%,transparent 84%,rgba(139,119,101,.025) 84.5%,transparent 85%),radial-gradient(ellipse at 28% 72%,rgba(100,80,65,.045) 0%,rgba(100,80,65,.02) 15%,transparent 35%),radial-gradient(ellipse at 65% 20%,rgba(100,80,65,.04) 0%,rgba(100,80,65,.015) 12%,transparent 28%),radial-gradient(ellipse at 82% 68%,rgba(100,80,65,.038) 0%,rgba(100,80,65,.012) 10%,transparent 22%),linear-gradient(35deg,transparent 0%,transparent 42.3%,rgba(90,75,60,.08) 42.4%,rgba(255,255,255,.02) 42.5%,transparent 42.6%,transparent 100%),linear-gradient(-15deg,transparent 0%,transparent 67.8%,rgba(90,75,60,.06) 67.9%,rgba(255,255,255,.015) 68%,transparent 68.1%,transparent 100%),linear-gradient(88deg,transparent 0%,transparent 23.2%,rgba(90,75,60,.055) 23.3%,rgba(255,255,255,.012) 23.4%,transparent 23.5%,transparent 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='5' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.045'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,transparent,transparent 19px,var(--grid-line) 19px,var(--grid-line) 19.8px,transparent 19.8px,transparent 20px),repeating-linear-gradient(90deg,transparent,transparent 19px,var(--grid-line) 19px,var(--grid-line) 19.8px,transparent 19.8px,transparent 20px),radial-gradient(ellipse at 75% 85%,rgba(120,95,75,.035) 0%,rgba(120,95,75,.015) 25%,transparent 45%),radial-gradient(ellipse at 18% 35%,rgba(120,95,75,.03) 0%,rgba(120,95,75,.01) 20%,transparent 38%);color:var(--text-dark);min-height:100vh;overflow-x:hidden}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:transparent;border:none}.brand{display:flex;align-items:baseline;gap:.75rem}.brand-logo{font-size:1.2rem;font-weight:700;letter-spacing:.2em;color:var(--device-dark);opacity:.5}.brand-subtitle{font-size:.7rem;color:var(--text-meta);letter-spacing:.15em;opacity:.6}.status-indicators{display:none}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;padding:2rem;min-height:calc(100vh - 100px);position:relative}.typewriter-section{position:relative;z-index:100;padding:10px;background:transparent}.typewriter-section:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bg-desk);border-radius:24px;pointer-events:none}.typewriter{background:linear-gradient(145deg,#8b6752 0%,#7a5a47 15%,var(--device-brown) 50%,#5d4436 85%,#4a3529 100%);border-radius:14px 14px 16px 16px;box-shadow:0 0 1px #000,0 1px 2px #000000f2,0 2px 4px #000c,0 3px 6px #000000b3,2px 0 #3a2a1ef2,3px 0 1px #3a2a1ed9,4px 0 2px #3a2a1eb3,5px 0 3px #3a2a1e80,0 4px #3a2a1ef2,0 5px 1px #3a2a1ed9,0 6px 2px #3a2a1eb3,0 8px 4px #3a2a1e80,0 10px 16px #4a352999,0 14px 24px #4a352980,0 20px 40px #4a352961,0 28px 56px #4a352940,0 36px 72px #4a352926,inset -2px -2px #ffffff38,inset -1.5px 0 #ffffff29,inset 0 -1.5px #ffffff24,inset -1px -1px 2px #ffffff1a,inset 2px 0 #0000006b,inset 0 2px #00000061,inset 1.5px 1.5px 3px #00000059,inset 0 0 8px #0003,inset 3px 3px 10px #0000002e;width:420px;padding:1.5rem;position:relative;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='plastic'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='5' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23plastic)' opacity='0.06'/%3E%3C/svg%3E");background-blend-mode:overlay;border-top:1px solid rgba(0,0,0,.4)}.typewriter:before{content:"";position:absolute;bottom:-6px;left:8px;right:8px;height:6px;background:linear-gradient(180deg,#3a2a1e,#2d1f16,#241812);border-radius:0 0 18px 18px;box-shadow:0 0 1px #000,0 1px 2px #000000f2,0 2px 3px #000000e0,0 3px 6px #000000bf,0 4px 10px #0009,0 6px 16px #4a352973,inset 0 3px 4px #000000b3,inset 0 1px 2px #00000080,inset 0 0 0 1px #00000059;z-index:-1}.typewriter:after{content:"";position:absolute;top:10px;right:-2px;bottom:6px;width:2px;background:linear-gradient(90deg,#3f2f221a,#2d1f161a);border-radius:0 14px 14px 0;z-index:-1}.typewriter.typing{animation:typeShake .1s ease-in-out}@keyframes typeShake{0%,to{transform:translate(0)}25%{transform:translate(-.5px,.5px)}50%{transform:translate(.5px,-.3px)}75%{transform:translate(-.3px,.3px)}}.typewriter-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem;position:relative}.typewriter-top:before{content:"";position:absolute;top:-32px;left:0;width:100%;height:8px;background:linear-gradient(180deg,#4a3529,#3a2a1e);border-radius:3px 3px 0 0;box-shadow:inset 0 2px 5px #000000e6,inset 0 1px 3px #000000f2,inset 2px 0 2px #000000b3,inset -2px 0 2px #000000b3,inset 0 -1px #ffffff0d;pointer-events:none;z-index:0}.typewriter-top:after{content:"";position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#a0968ce6,#645a50d9 40%,#3c322de6,#2d2621);box-shadow:inset -.8px -.8px 1px #ffffff80,inset .8px .8px 1.5px #0009,0 0 0 .8px #00000026,0 1px 1px #0000004d;pointer-events:none;z-index:10}.paper-feed{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#64646499,#282828cc);box-shadow:inset 1px 1px 2px #ffffff4d,inset -1px -1px 3px #0009,0 0 0 1px #0006,0 1px 2px #0000004d;position:relative;z-index:1}.paper-feed:after{content:"▲ PAPER OUT";position:absolute;left:160px;top:-26px;font-size:.5rem;letter-spacing:.2em;color:#6b4e3d66;font-weight:700;pointer-events:none;white-space:nowrap}.brand-plate{font-size:.65rem;font-family:Courier New,monospace;color:#dcc8b473;letter-spacing:.32em;font-weight:800;padding:.35rem 0;text-shadow:0 -1.5px 0 rgba(0,0,0,.85),0 -1px 0 rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.25),0 1.5px 1px rgba(255,245,235,.2),0 2px 5px rgba(0,0,0,.6),0 3px 8px rgba(0,0,0,.4),0 0 8px rgba(220,200,180,.15),inset 0 1px 2px rgba(255,255,255,.1);position:relative;text-transform:uppercase}.brand-plate:before{content:attr(data-text);position:absolute;left:0;top:1px;color:#0000004d;z-index:-1}.typing-window{background:var(--screen-bg);padding:0;min-height:140px;border-radius:6px;position:relative;overflow:hidden;margin-bottom:1rem;margin-top:30px;box-shadow:inset 0 10px 24px #000000f2,inset 0 5px 14px #000000e6,inset 0 2px 6px #000c,inset 0 -3px 6px #ffffff0a,inset 0 -1px 2px #ffffff05,inset 0 0 0 2px #000000e6,0 0 0 3px #503c30cc,0 0 0 4px #000000b3;border-top:5px solid rgba(0,0,0,.9)}.paper{background:var(--screen-bg);padding:1.2rem 1rem;min-height:140px;position:relative;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper-noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.5' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper-noise)' opacity='0.03'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,transparent 0px,rgba(212,165,116,.02) 1px,transparent 2px,transparent 8px),repeating-linear-gradient(0deg,transparent 0px,rgba(212,165,116,.015) 1px,transparent 2px,transparent 12px);box-shadow:inset 0 0 20px #00000014,inset 0 0 10px #0000000d}.paper:before{content:"";position:absolute;right:.8rem;top:.8rem;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d4a57440,#b4875a33,#2a24191a);box-shadow:inset -1px -1px 1.5px #ffffff26,0 0 4px #d4a57426,0 0 2px #d4a57440,0 1px 1.5px #0006;pointer-events:none;z-index:10}.typed-text{font-family:Courier Prime,monospace;font-size:.95rem;line-height:1.6;color:var(--screen-text);text-shadow:0 0 8px rgba(212,165,116,.35),0 0 4px rgba(212,165,116,.25),0 1px 2px rgba(0,0,0,.3);letter-spacing:.02em;word-break:break-word;white-space:pre-wrap;position:relative;z-index:3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:1.6em;opacity:.95}.cursor{display:inline-block;width:8px;height:1.3em;background:linear-gradient(180deg,#f4d79e 0%,var(--screen-text) 50%,#c8935a 100%);margin-left:2px;animation:typewriter-blink .9s steps(2,jump-none) infinite;vertical-align:text-bottom;box-shadow:0 0 10px #f4d79ecc,0 0 4px #d4a57499;border-radius:1px}@keyframes typewriter-blink{0%,50%{opacity:1;box-shadow:0 0 12px #f4d79ee6,0 0 6px #d4a574b3}51%,to{opacity:0;box-shadow:none}}.cursor.hidden,.keyboard-panel{display:none}.control-panel{padding:0;background:transparent;position:relative}.input-group{margin-bottom:.75rem}.input-group label{display:block;font-size:.75rem;font-family:Courier New,Share Tech Mono,monospace;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#fff5e6;text-shadow:0 -1px 0 rgba(0,0,0,.4),0 1px 1px rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.3),0 0 10px rgba(255,245,230,.4);margin-bottom:.4rem;position:relative;padding-left:0}#textInput{width:100%;background:linear-gradient(180deg,#3c2d2373,#4b372859);border:2px solid rgba(0,0,0,.65);border-radius:6px;padding:.65rem .85rem;color:#fffffffa;font-family:Courier Prime,monospace;font-size:.92rem;font-weight:500;resize:none;min-height:60px;transition:all .3s ease;box-shadow:inset 0 4px 10px #0009,inset 2px 0 5px #00000059,inset -2px 0 5px #00000059,inset 0 -2px 4px #ffffff1a,inset 0 0 0 1px #00000059}#textInput::-moz-placeholder{color:#dcbea0;font-family:Courier New,Share Tech Mono,monospace;font-weight:600;font-style:italic;text-shadow:0 -1px 0 rgba(0,0,0,.4),0 1px 1px rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.4),0 0 8px rgba(220,190,160,.35);letter-spacing:.05em;line-height:1.55;word-spacing:.1em;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-transition:opacity .2s ease,color .2s ease;transition:opacity .2s ease,color .2s ease}#textInput::placeholder{color:#dcbea0;font-family:Courier New,Share Tech Mono,monospace;font-weight:600;font-style:italic;text-shadow:0 -1px 0 rgba(0,0,0,.4),0 1px 1px rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.4),0 0 8px rgba(220,190,160,.35);letter-spacing:.05em;line-height:1.55;word-spacing:.1em;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:opacity .2s ease,color .2s ease}#textInput:focus::-moz-placeholder{opacity:.5;color:#b4916e99}#textInput:focus::placeholder{opacity:.5;color:#b4916e99}#textInput:focus{outline:none;background:linear-gradient(180deg,#4634286b,#553e2d52);border-color:#c85a3a8c;box-shadow:inset 0 4px 10px #0000008c,inset 2px 0 5px #00000052,inset -2px 0 5px #00000052,inset 0 -2px 4px #ffffff1f,0 0 0 2px #c85a3a59,0 0 10px #c85a3a66,0 2px 6px #0006}#textInput::-webkit-scrollbar{width:10px}#textInput::-webkit-scrollbar-track{background:linear-gradient(to right,#32261c99,#3c2d2080,#32261c99);border-radius:5px;box-shadow:inset 2px 0 4px #0009,inset -1px 0 2px #0006;border:1px solid rgba(30,22,16,.5)}#textInput::-webkit-scrollbar-thumb{background:linear-gradient(to right,#8b6446cc,#a07855d9,#8b6446cc);border-radius:5px;border:1px solid rgba(100,70,50,.6);box-shadow:inset 1px 0 1px #fff3,inset -1px 0 1px #0000004d,0 2px 4px #0000004d}#textInput::-webkit-scrollbar-thumb:hover{background:linear-gradient(to right,#a07350e6,#b4875ff2,#a07350e6);box-shadow:inset 1px 0 1px #ffffff4d,inset -1px 0 1px #0003,0 2px 6px #0006}#textInput::-webkit-scrollbar-thumb:active{background:linear-gradient(to right,#78553cd9,#8c6446e6,#78553cd9)}.controls{display:flex;justify-content:space-between;align-items:center;gap:.6rem;width:100%}.control-buttons{display:flex;gap:.55rem;flex:1;min-width:0}button{font-family:Courier New,Share Tech Mono,monospace;font-size:.72rem;letter-spacing:.12em;padding:.6rem 1rem;border:none;border-radius:20px;cursor:pointer;transition:all .15s ease;text-transform:uppercase;font-weight:700;position:relative;box-shadow:0 2px 6px #00000026}.btn-primary{background:linear-gradient(175deg,#c85a3a,#b8482c 20%,#a03820 50%,#8e2e18,#7a2512);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.8' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,transparent 0px,rgba(0,0,0,.04) 1px,transparent 2px,transparent 3px),linear-gradient(175deg,#c85a3a,#b8482c 20%,#a03820 50%,#8e2e18,#7a2512);color:#fff;flex:1;border:2px solid rgba(0,0,0,.4);border-top-color:#ffc8b459;border-bottom-color:#000000a6;box-shadow:inset 0 -2px #ffc8b480,inset -2px -2px 4px #ffc8b44d,inset 0 2px 5px #0006,inset 2px 2px 3px #0000004d,0 3px #5a1a0e,0 4px #280a05cc,0 5px 1px #0009,0 6px 3px #000000bf,0 7px 5px #0009,0 8px 18px #c85a3a8c,0 12px 32px #c85a3a59,0 16px 48px #c85a3a33;display:flex;align-items:center;justify-content:center;gap:.5rem;text-shadow:0 1px 0 rgba(0,0,0,1),0 2px 4px rgba(0,0,0,.9),0 3px 7px rgba(0,0,0,.7),0 -1px 0 rgba(255,180,150,.15);border-radius:24px;position:relative;top:0;transition:all .12s ease}.btn-primary:hover{background:linear-gradient(175deg,#ff9f6e,#f58a5d 20%,#ea7647,#d86538 80%,#c5572c);border-top-color:#ffdcc880;border-bottom-color:#000000bf;box-shadow:inset -2.5px -2.5px 1px #ffe6d28c,inset -1.5px -1.5px 2px #ffc8b466,inset 2px 2px 6px #00000038,0 5px #953d1a,0 6px #46190ae6,0 7px 2px #00000080,0 8px 5px #b85a2f80,0 10px 24px #ff8250a6,0 14px 35px #ff825073,0 18px 50px #ff825040;top:-2px;transform:translateY(-1px);transition:all .18s cubic-bezier(.34,1.56,.64,1)}.btn-primary:active{background:linear-gradient(175deg,#a84f26,#9d4420 20%,#8d3718,#7a2d12 80%,#65250e);box-shadow:inset 0 4px 12px #000000bf,inset 0 2px 6px #0009,inset -2px -2px 3px #ffffff14,0 0 0 1px #00000080,0 1px 2px #0006;top:3px;transform:scale(.98);transition:all .08s ease-out;color:#ffffffd9;text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.8)}.btn-primary:disabled{background:var(--button-gray);cursor:not-allowed;opacity:.4;box-shadow:0 2px 4px #0000001a;text-shadow:none}.btn-led{display:none}.btn-secondary{background:linear-gradient(175deg,#a39080,#948576 20%,#85786b 50%,#756960,#655c55);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.8' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.12'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,transparent 0px,rgba(0,0,0,.05) 1px,transparent 2px,transparent 3px),linear-gradient(175deg,#a39080,#948576 20%,#85786b 50%,#756960,#655c55);color:#fffffff2;padding:.65rem 1.1rem;border:2px solid rgba(0,0,0,.35);border-top-color:#ffffff40;border-bottom-color:#0000008c;box-shadow:inset 0 -1px #ffffff40,inset -1.5px -1.5px 3px #ffffff2e,inset 0 1px 4px #00000080,inset 2px 2px 3px #00000059,0 3px #322d2ae6,0 4px #231e1ccc,0 5px 1px #000000b3,0 6px 2px #0009,0 7px 4px #00000080,0 8px 10px #0000004d;text-shadow:0 1px 0 rgba(0,0,0,.8),0 2px 3px rgba(0,0,0,.6),0 -1px 0 rgba(255,255,255,.12);position:relative;top:0;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.btn-secondary:hover{background:linear-gradient(175deg,#8a7565,#7c6858 20%,#6e5c4c 50%,#61513f,#544638);color:#fff;border-top-color:#ffffff59;border-bottom-color:#000000b3;top:-1.5px;transform:translateY(-.5px);box-shadow:inset 0 -1.5px #ffffff52,inset -2px -2px 3px #ffffff40,inset 0 1px 5px #00000080,inset 2px 2px 4px #0006,0 4px #2d2623f2,0 5px #1e1917e6,0 6px 1px #000000bf,0 7px 3px #0009,0 9px 12px #0006;text-shadow:0 1px 0 rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.7),0 -1px 0 rgba(255,255,255,.18)}.btn-secondary:active{background:linear-gradient(175deg,#544638,#4a3d2f,#3f3426 60%,#352b1f);box-shadow:inset 0 4px 12px #000c,inset 0 2px 6px #000000a6,inset -2px -2px 2px #ffffff0d,0 0 0 1px #0009,0 1px 2px #00000080;top:3px;transform:scale(.98);transition:all .08s ease-out;color:#fffc;text-shadow:0 1px 0 rgba(0,0,0,1),0 0 2px rgba(0,0,0,.9)}.settings{display:flex;gap:.65rem;font-size:.68rem;align-items:center;flex-shrink:0;max-width:-moz-fit-content;max-width:fit-content}.setting-item{display:flex;align-items:center;gap:.35rem;white-space:nowrap}.setting-item>label:not(:has(input)){color:#f0dcc8eb;font-family:Courier New,Share Tech Mono,monospace;font-weight:700;font-size:.7rem;text-shadow:0 -1px 0 rgba(0,0,0,.3),0 1px 1px rgba(255,255,255,.15),0 1px 2px rgba(0,0,0,.35),0 0 6px rgba(240,220,200,.25);margin-right:.25rem}.setting-item label:has(input[type=checkbox]){color:#f0dcc8eb;display:flex;align-items:center;gap:.32rem;cursor:pointer;font-family:Courier New,Share Tech Mono,monospace;font-size:.7rem;font-weight:700;text-shadow:0 -1px 0 rgba(0,0,0,.3),0 1px 1px rgba(255,255,255,.15),0 1px 2px rgba(0,0,0,.35),0 0 6px rgba(240,220,200,.25);transition:color .2s ease;position:relative;z-index:1}.setting-item label:has(input[type=checkbox]):hover{color:#fff0dc;text-shadow:0 -1px 0 rgba(0,0,0,.4),0 1px 1px rgba(255,255,255,.25),0 1px 3px rgba(0,0,0,.4),0 0 10px rgba(255,240,220,.4)}.setting-item input[type=checkbox]{display:none}.checkbox-custom{width:16px;height:16px;border:2px solid rgba(0,0,0,.55);border-radius:50%;background:linear-gradient(145deg,#c8b4a033,#b4a08c26);position:relative;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px 4px #00000073,inset 0 -1px 2px #ffffff1f,0 1px 3px #00000059,0 2px 4px #0003;flex-shrink:0;z-index:0}.checkbox-custom:hover{border-color:#000000b3;box-shadow:inset 0 2px 5px #00000080,inset 0 -1px 2px #ffffff26,0 2px 4px #0006,0 3px 6px #00000040}.setting-item input[type=checkbox]:checked+.checkbox-custom{background:radial-gradient(circle at 35% 35%,#b8936e,#a07958,#8b6545 60%,#6e5138);border-color:#000000bf;border-width:2px;box-shadow:inset 0 3px 6px #000000a6,inset 0 -1.5px 3px #ffffff38,0 1px 3px #00000073,0 0 0 2px #a3857040,0 0 10px #a3857073,0 0 18px #a3857040;transform:scale(1.03);animation:checkboxPulse .4s cubic-bezier(.34,1.56,.64,1)}@keyframes checkboxPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1.05)}}.setting-item input[type=checkbox]:checked+.checkbox-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#fff,#fffffff2 60%,#e6e6e6e6);border:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));animation:checkPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}60%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}select{background:linear-gradient(145deg,#c8b4a038,#b4a08c26,#a08c782e);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,transparent 0px,rgba(74,53,41,.05) 1px,transparent 2px,transparent 8px),linear-gradient(145deg,#c8b4a038,#b4a08c26,#a08c782e);color:#ffffffe6;border:2.5px solid rgba(74,53,41,.75);border-top-color:#0009;border-bottom-color:#ffffff26;border-radius:6px;padding:.35rem 1.6rem .35rem .6rem;font-family:Courier New,Share Tech Mono,monospace;font-size:.66rem;font-weight:650;cursor:pointer;transition:all .25s ease;min-width:80px;max-width:95px;box-shadow:inset 0 2px 4px #0006,inset 0 -1px 2px #ffffff1f,inset 0 0 0 1px #4a35294d,0 1px 3px #00000059,0 2px 4px #0003;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(25deg,transparent 0%,transparent 49.5%,rgba(90,75,60,.12) 49.6%,rgba(255,255,255,.04) 49.7%,transparent 49.8%,transparent 100%),linear-gradient(-35deg,transparent 0%,transparent 62.3%,rgba(90,75,60,.1) 62.4%,rgba(255,255,255,.03) 62.5%,transparent 62.6%,transparent 100%),url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='rgba(255,255,255,0.75)' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,transparent 0px,rgba(74,53,41,.05) 1px,transparent 2px,transparent 8px),linear-gradient(145deg,#c8b4a038,#b4a08c26,#a08c782e);background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat;background-position:left top,right bottom,right .4rem center,0 0,0 0,0 0;background-size:100% 100%,100% 100%,auto,auto,auto,100% 100%}select:hover{background:linear-gradient(145deg,#c8b4a047,#b4a08c38,#a08c7840);border-color:#4a3529d9;color:#fff;box-shadow:inset 0 2px 5px #00000073,inset 0 -1px 2px #ffffff26,inset 0 0 0 1px #4a352966,0 2px 4px #0006,0 3px 6px #00000040}select:focus{outline:none;border-color:#c85a3a99;box-shadow:inset 0 2px 4px #0006,inset 0 -1px 2px #ffffff1f,inset 0 0 0 1px #4a35294d,0 0 0 2px #c85a3a4d,0 0 8px #c85a3a66,0 2px 4px #0000004d}select option{background:#4a3529;color:#fffffff2;padding:.5rem;font-family:Courier New,Share Tech Mono,monospace}.canvas-section{position:absolute;inset:0;pointer-events:none;z-index:10}.canvas-section>*{pointer-events:auto}.canvas-overlay{display:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.canvas-overlay .hint{font-family:Courier New,Share Tech Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#c8b4a059;text-shadow:0 -1px 0 rgba(0,0,0,.4),0 1px 1px rgba(255,255,255,.12),0 2px 6px rgba(0,0,0,.25);padding:1rem 1.5rem;background:#0000000d;border:1px dashed rgba(200,180,160,.2);border-radius:8px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='hint-noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23hint-noise)' opacity='0.04'/%3E%3C/svg%3E");box-shadow:inset 0 1px 3px #0000001a,0 2px 8px #00000014}.text-card{position:absolute;background:var(--paper-warm-1);background-image:radial-gradient(ellipse at 20% 30%,rgba(139,100,70,.12) 0%,transparent 40%),radial-gradient(ellipse at 75% 60%,rgba(160,120,90,.1) 0%,transparent 35%),radial-gradient(ellipse at 50% 85%,rgba(140,110,80,.11) 0%,transparent 30%),radial-gradient(ellipse at 15% 70%,rgba(150,110,80,.08) 0%,transparent 25%),radial-gradient(ellipse at 85% 25%,rgba(135,105,75,.09) 0%,transparent 28%),linear-gradient(to bottom,rgba(180,150,110,.08) 0%,transparent 12%,transparent 88%,rgba(170,140,100,.1) 100%),linear-gradient(to right,rgba(175,145,105,.06) 0%,transparent 10%,transparent 90%,rgba(170,140,100,.06) 100%),radial-gradient(circle at 40% 45%,rgba(160,130,100,.05) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(139,119,101,.1) 23px,rgba(139,119,101,.1) 24px);padding:1.2rem 1.5rem 1.5rem;min-width:220px;max-width:320px;box-shadow:0 2px 4px #0000002e,1px 0 #a0876e4d,0 1px #a0876e4d,2px 0 #967d6426,0 2px #967d6426,0 6px 16px var(--paper-shadow),0 10px 28px #4a35291f,inset -1px -1px #fff3,inset 0 0 0 .5px #8b77651f;cursor:grab;transition:box-shadow .25s ease,transform .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:3px 1px 2px;border:1px solid rgba(160,130,100,.25);background-blend-mode:multiply;filter:brightness(.93) contrast(1.05) sepia(.15)}@keyframes cardAppear{0%{opacity:0;transform:translateY(-180px) translate(0) scale(.75) rotate(0);box-shadow:0 0 #0000,inset -1px -1px #fff3}15%{opacity:.2;transform:translateY(-150px) translate(0) scale(.82) rotate(0);box-shadow:0 0 1px #0000001a,inset -1px -1px #ffffff40}28%{opacity:.5;transform:translateY(-110px) translate(0) scale(.88) rotate(0);box-shadow:0 1px 3px #0000001f,1px 0 #8b776526,inset -1px -1px #ffffff4d}42%{opacity:.85;transform:translateY(-70px) translate(0) scale(.93) rotate(0);box-shadow:0 2px 6px #00000021,1px 0 #8b77652e,0 1px #8b77652e,inset -1px -1px #ffffff4d}55%{opacity:1;transform:translateY(-45px) translate(0) scale(.96) rotate(0);box-shadow:0 3px 10px #00000024,1px 0 #8b776533,0 1px #8b776533,2px 0 #8b77651a,inset -1px -1px #ffffff4d}65%{transform:translateY(-32px) translate(-2.5px) scale(.98) rotate(-.8deg);box-shadow:0 4px 11px #00000024,1px 0 #8b776533,0 1px #8b776533,2px 0 #8b77651a,inset -1px -1px #ffffff4d}75%{transform:translateY(-25px) translate(1.5px) scale(.99) rotate(.5deg);box-shadow:0 5px 12px #00000024,1px 0 #8b776533,0 1px #8b776533,2px 0 #8b77651a,0 2px #8b77651a,inset -1px -1px #ffffff4d}88%{transform:translateY(-10px) translate(0) scale(1.01) rotate(0);box-shadow:0 6px 14px #00000021,1px 0 #8b776533,0 1px #8b776533,2px 0 #8b77651a,0 2px #8b77651a,inset -1px -1px #ffffff4d}96%{transform:translateY(0) translate(0) scale(.99) rotate(var(--card-rotation, 0deg));box-shadow:0 2px 4px #00000029,1px 0 #8b776533,0 1px #8b776533,2px 0 #8b77651a,0 2px #8b77651a,inset -1px -1px #ffffff4d}to{opacity:1;transform:translateY(0) translate(0) scale(1) rotate(var(--card-rotation, 0deg));box-shadow:0 1px 2px #00000026,1px 0 #8b776533,0 1px #8b776533,2px 0 #8b77651a,0 2px #8b77651a,0 4px 12px var(--paper-shadow),0 8px 24px #4a35291a,inset -1px -1px #ffffff4d,inset 0 0 0 .5px #8b77651a}}.text-card:hover{box-shadow:0 6px 20px var(--paper-shadow),0 12px 40px #4a352929,inset 0 -.5px #8b77652e,inset 0 0 0 .5px #8b776524;transform:translateY(-4px)!important}.text-card:active{cursor:grabbing;box-shadow:0 12px 32px var(--paper-shadow),0 18px 56px #4a352933,inset 0 -.5px #8b776533,inset 0 0 0 .5px #8b776529;transform:translateY(-8px)!important}.text-card .card-header{font-size:.65rem;color:var(--text-meta);letter-spacing:.14em;margin-bottom:.9rem;padding-bottom:.7rem;border-bottom:1px solid rgba(139,119,101,.15);line-height:1.7}.text-card .card-title{font-weight:700;color:var(--text-dark);margin-bottom:.25rem;opacity:.85}.text-card .card-meta{opacity:.5;color:var(--text-meta)}.text-card .card-content{font-family:Courier Prime,monospace;font-size:.9rem;line-height:1.8;color:var(--text-dark);white-space:pre-wrap;word-break:break-word;letter-spacing:.03em;opacity:.9;text-shadow:0 0 .3px rgba(61,48,38,.3)}@media(max-width:768px){.typewriter{width:100%;max-width:420px}.text-card{max-width:280px}}@media(max-width:480px){.top-bar{padding:1rem}.brand-logo{font-size:1rem}.typewriter{padding:1.2rem}.controls{flex-direction:column}.control-buttons{width:100%}.settings{width:100%;justify-content:space-between}}